/**
 *
 */
function showLineDemo(){
    require.config({
            paths: {
                echarts:'/static/js/echarts/js/echarts',
                'echarts/chart/line':'/static/js/echarts/js/echarts',
                'echarts/chart/bar':'/static/js/echarts/js/echarts'  
            }
        });

      //动态加载echarts，在回掉函数中使用，要注意保持按需加载结构定义图表路径
  
        require(  
  
        [
            'echarts',
            'echarts/chart/line',
            'echarts/chart/bar'
  
        ],  
        function (ec) {
            //--- 折柱 ---
            var myChart = ec.init(document.getElementById('right_show'));
            myChart.setOption({
            	title : {
                    text: object['title'],
                    subtext: '',
                    textStyle:{
                    	fontSize: 18, 
                    	fontWeight: 'bolder', 
                    	color: '#000'
                    	},
                    subtextStyle:{color: '#aaa'}
                },
                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    data:[object['head']],
                    textStyle:{ color:'#000' }
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: false},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                calculable : true,
                //下拉
                dataZoom : {
                    show : true,
                    realtime: true,
                    start : 0,
                    end : 100,
                    backgroundColor:'rgba(0,0,0,0)',
                    dataBackgroundColor:'#ccc',
                    fillerColor:'rgba(144,197,237,0.2)',
                    handleColor:'rgba(70,130,180,0.8)',
                },
                grid:{
                	borderWidth:0,
                },
                xAxis : [
                    {
                        type : 'category',
                        data : object['name'],
                        axisLabel:{textStyle:{color: '#000'}},
                        //splitArea:{show : true},
                        splitLine:{show : false},
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        axisLabel:{textStyle:{color: '#000'}},
                        //splitArea:{show : true},
                        splitLine:{show : true,
                        	lineStyle:{color: '#666'}
                        }
                    }
                ],
                series : [
                    {
                        name:object['head'],
                        type:'line',
                        data:object['number'],
                        markPoint : {
                            data : [
                                {type : 'max', name: '最大值'},
                                {type : 'min', name: '最小值'}
                            ]
                        },
                        markLine : {
                            data : [
                                {type : 'average', name: '平均值'}
                            ]
                        }
                    }
                ]
            });
            
        }
    );
}